.m-luck{
  form{
    max-width: 320px
    margin: 0 auto
    select{
      display: block;
      width: 100%;
      margin-bottom: 10px;
      border: none;
      background: #ebd6f0;
      border-radius: 5px;
      padding: 3px;
    } 
    button{
      background: #fff;
      border: 1px $main solid;
      font-size: 12px;
      padding: 5px;
      font-weight: 900;
      color: $active;
      cursor: pointer;
      &:hover{
        opacity: 0.6;
      }
    }
  }
  
  .top-img{
    img{
      width: 80%;
      max-width: 450px;
    }
  }
}



.m-luck-result{
  .content{
    width: 85%;
    margin: 0 auto;
    background: #f1e7d4;
    padding: 25px 10px 10px 10px;
    p{
      color: $active;
      font-size: 18px;
    }
  }
  button{
    background: #fff;
    border: 1px #614718 solid;
    font-size: 12px;
    padding: 5px;
    font-weight: 900;
    color: #6d2280;
    cursor: pointer;
  }
  .top-img{
    img{
      width: 80%;
      max-width: 450px;
    }
  }
}